<template>
    <!-- 首页 -->
    <div class="app-container">
        <SideMenu :menus="this.menus"/>
        <Home class="home-area"/>
    </div>
</template>

<script>
    import Home from '../home/Home'
    import SideMenu from '../menu/SideMenu'

    export default {
        components: { SideMenu, Home },
        data () {
            return {
                menus: [
                    {
                        id: 0,
                        name: '技术应用',
                        icon: 'el-icon-menu'
                    },
                    {
                        id: 1,
                        name: '最近更新',
                        icon: 'el-icon-menu'
                    },
                    {
                        id: 2,
                        name: '下载源码',
                        icon: 'el-icon-menu'
                    },
                    {
                        id: 3,
                        name: '关于我们',
                        icon: 'el-icon-menu'
                    }
                ]
            }
        },
    }
</script>

<style scoped>
    .app-container {
        margin-top: 20px;
    }
    .home-area {
        width: 990px;
        margin-left: auto;
        margin-right: auto;
    }
</style>

